* {
  padding: 0;
  margin: 0;
  }

body {
  background-color: #D8D8D8; /* Hintergrundfarbe hellgrau */
  color: black; /* Schriftfarbe */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.0em; /* Schriftgröße */
  line-height: 1.4;  
}
a:link { color: black; }
a:visited { color: black; }
a:hover,
a:focus {
  border-bottom: 1px solid black;
}
a:active {
  color: black;
  background-color: #cc6666;
}
a {
  text-decoration: underline;
  outline: none;
}
.mybody {
  width: 97%;
  height:100%;
  margin: 0em auto 0em auto;
  padding: 10px;
  background-color: rgb(140, 140, 153);
  display: flex;
  flex-direction: column;
  border: 0em;
}
.myheader {
  width:97%;
  height: 15%;
  margin: 0em auto 0em auto;
  background-color: lightgray;  /* rgb(49, 49, 219); */
  display: flex;
  flex-direction: column;
  border: 0em;
  border-color: black;
}
.mykopf {
  width: 100%;
  height:15%;
  margin: 0;
  display: flex;
  border:0em;
}
.mymenue {
  width:97%;
  height: 5%;
  margin: 0em auto 0em auto;
  background-color: #688ff3;
  display: flex;
  flex-direction: row;
}
.mywmain {
  width: 97%;
  height: 79%;
  margin:  0em auto 0em auto;  
/* margin: 02em auto 0em auto;  */
  padding: 0px;
         /* background-color: rgb(13, 107, 119); */
         background-color: rgb(224, 224, 235);
  display: flex;
}
.iframewmain {
  border: 0px solid black;
  width: 100%;
  margin: 0;
  padding: 0;
  }
.myfoot {
  width: 97%;
  height: 4%;
  margin: 0em auto 0em auto;
 /* padding: 10px;  */
  background-color: rgb(75, 98, 201);
  display: flex;
}
.foot {
  width: 97%;
  padding: 0px;
  height: 6%;
  border: 0px solid black;
  background-color: #688ff3;
  margin-top: 0px;
  margin-right: auto; /* Abstand rechts */
  margin-bottom: 10px;
  margin-left: auto; /* Abstand links */
  text-align: center;
  color: black;

 }
 .foot h1 {
	padding: 4px;    /* top  */
/*  position:absolute;
	left: 35%; */
  justify-content: center;
	font-size: 0.9em;
  color: black;
  font-size: 1.1em; /* Schriftgröße */
}

.kopf {
  width: 100%;
  margin: 0px auto auto 0px;
  border: 0px solid black;
}
.kopf01 {
  flex: 0 0 60px;
  padding-top: 1.1em;
  padding-left: 1.1em;
}

.kopf02 {
  flex: 4 1 auto;
  text-align: center;
  padding-top: 0.5em;
  font: 2em sans-serif;
}
@media screen and (max-width: 800px) {
  .kopf02 {
    font: 1em sans-serif;
  }  
}

.kopf03 {
  flex: 0 0 60px;
  padding-right: 1.1em;
}

@media screen and (max-width: 800px) {
  .mymenue {
    display: none;
  }

  .minnav {
    display: block;
  }
}

.inhalt { 
  font-size: 1em;
  width: 95%;  
  height:  100%;  
  padding-right: 40px;
  padding-left: 20px;
  margin-top: 10px;
  margin-right: auto; /* Abstand rechts */
  margin-bottom: 0px;
  margin-left: auto; /* Abstand links */ 
}


#menue  {
  width: 100%;
  height: 5%;
  margin: 0em auto 0em auto;
  padding: 0;
  display: flex;
  flex-direction: row;
  }

  #menue a:link {
    background-color: #D8D8D8; /* Hintergrundfarbe hellgrau */
    font-family: inherit;
    text-decoration: none;
  }

  #menue a:hover {
    background-color: #e68d34; /* Hintergrundfarbe leuchtendes Orange */
    padding: 0 0 0 0;
  }

  #menue ul {

  /*	float:left; */
    width: auto;
  /*	padding: 0 0 0 0;*/
    padding: 9px;    /* top  */
   border: 0px solid black;
   margin: 0px;

    list-style-type: none;
  }
  #menue li {
      float:left;
    width: auto;
      padding: 0 0 0 0;            /* Höhe des Balkens                            */
      position: relative;

	color: black;
      background-color: #5f87ec;  /*#81BEF7;  */
  }
  #menue li.current {
    color:#FAF9F8;
    background-color:  #81BEF7;
  }


#logo { background-color: white;  }



table {
	border-collapse: collapse;
}

td {
	padding: 8px;     /*  15px;  */
}

tr.zweitezeile {
	background-color: #f2f1f0;
}
.float-left { 
  float: left;
  margin: 0 4rem 4rem 0;
}
.end-float{
  clear: both;
}
.pos {
  position: left;
}
#teil1 {
	float: left;	
	width: auto;
	height: auto;
	margin: 0px 5px 0px 0px; /* margin: 0px 15px 0px 0px;  */
	padding: 5px; /* padding: 10px;  */

}
#teil2 {
	width: auto;
	height: auto;
	overflow: hidden; /*Damit das Layout mit float funktioniert*/
	margin: 0px 5px 0px 0px; /* margin: 0px 15px 0px 0px;  */
	padding: 5px;  /*padding: 10px 15px 10px 15px; */

}
#bilder ul {
  width: auto;
  padding: 9px;    /* top  */
  border: 0px solid black;
  margin: 0px;
  list-style-type: none;  
}
#bilder li {
  float:left;
  width: auto;
  padding: 1em 2em 0 0em;            
  position: relative;
}